<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	 
	<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
	<title>日程列表</title>
	
	<link rel="stylesheet" href="style/weuix.min.css"/>
	<link rel="stylesheet" href="style/richeng.css"/>
	<script src="js/zepto.min.js"></script>
 
 
	<script src="js/picker.js"></script>
 <script src="js/select.js"></script>

<!-- <script src="js/rili.js"></script>
	<link rel="stylesheet" href="style/rili.css">  -->
    	 
 <script src="js/calendar.js"></script>
   <script src="js/updown.js"></script>
<script>
$(function(){
   
  
    $('.main').dropload({
        scrollArea : window,
        autoLoad : true,//自动加载
  domDown : {//上拉
            domClass   : 'dropload-down',
            domRefresh : '<div class="dropload-refresh f15 "><i class="icon icon-20"></i>上拉加载更多</div>',
            domLoad    : '<div class="dropload-load f15"><span class="weui-loading"></span>正在加载中...</div>',
            domNoData  : '<div class="dropload-noData">没有更多数据了</div>'
        },
        domUp : {//下拉
            domClass   : 'dropload-up',
            domRefresh : '<div class="dropload-refresh"><i class="icon icon-114"></i>下拉加载前一天</div>',
            domUpdate  : '<div class="dropload-load f15"><i class="icon icon-114"></i>释放加载前一天...</div>',
            domLoad    : '<div class="dropload-load f15"><span class="weui-loading"></span>正在加载中...</div>'
        },
                loadDownFn : function(me){//刷新
            $.ajax({



              type: 'GET',
               url: 'more.html',
              // context: $('body'),
                success: function(data){ 


                if(true){
                    //有数据
                     $(".page-hd").before(data);
                  }
                  else{
                    // 无数据
                    $(".you").hide();
                    $(".wu").show();

                    me.lock();
                     me.noData();
                  }             
                 
                 me.resetload();                 
                },
                error: function(xhr, type){
                  alert('加载失败!');
                    me.resetload();
               
                }
            


                

            });
        },


        loadUpFn : function(me){//加载更多  
       
            var result = '';
            $.ajax({
               type: 'GET',
               url: 'more.html',
              // context: $('body'),
                success: function(data){ 

                  if(true){
                    //有数据
                     $(".main").prepend(data); 
                  }
                  else{
                    // 无数据
                    me.lock();
                     me.noData();
                  }  
               
                 
                 me.resetload();
                 
                },
                error: function(xhr, type){
                  alert('加载失败!');
                    me.resetload();
               
                }


                


            });
        }
    });
    
    
    
    
 
    
});
</script>      



	<style>
	.weui_tab_nav .weui_nav_green.bg_green{border-color: #fff;}
	.weui_tab_nav .weui_nav_green{border: 1px solid #FFFFFF;}
	</style>

</head>
<body ontouchstart>

<div class="topbg" style="position: fixed; width: 100%; z-index:991;">
		<div class="weui_btn_primary weui-header "> 
			<div class="weui-header-left"> <a class="icon icon-109 f-white"  href="javascript:;"  onclick="javascript:history.go(-1);" ></a>  </div>
			<h1 class="weui-header-title">日程列表</h1>
			<div class="weui-header-right">
				 

			<div class="rmk">
			<a href="javascript:;" class=" f-white" id="act"  ><i class="icon icon-81"></i></a>

			<ul class="menu">
                <li><a class="  open-popup" href="javascript:;"  data-target="#popup"><i class="icon icon-4"></i>搜索日程</a></li>
                <li><a class="" href="form.html"   ><i class="icon icon-36"></i>创建日程</a></li>
                <li><a class="   open-popup" href="javascript:;"  data-target="#popup2"  ><i class="icon icon-100"></i>查看他人</a></li>
                <li > <i class="icon icon-106" style="color:#04BE02; font-size: 14px;padding-left: 10px"></i> <input class="weui_input rili" type="text"   id='date' style="color:#04BE02;   display:inline; width:80px;" value="选择日期"  data-toggle='date'  />
                </li>
            </ul> 

          </div>


         

      </div>





				 
		</div>



<!-- 选项卡 -->
	<div class="page-hd" style="padding:10px 10px 0px 10px;background: #04BE02;">
		<div class="weui_tab" style="height:44px;" id="tab5">        
			<div class="weui_tab_nav">
					<a href="javascript:" class="weui_navbar_item weui_nav_green mylist"> 我的日程</a> 
					<a href="javascript:" class="weui_navbar_item weui_nav_green mycreat"> 我创建的日程</a>  
			</div>        
		</div> 
	</div>
 
<!-- 提示 -->
<div class="tips">
	提示：昨日您有3条日程未阅读
<!-- 	<span class=" gb">点击关闭</span> -->
</div>





</div>

<div class="main">
	

<!-- 列表 -->
<div class="day">
	<div class="rc_date ">
		<span>昨天 3月13日 周日</span>
		<div class="right">6 项安排 </div>
	</div>
	<div class="rclist">
		<ul>
			<li onclick="window.location.href='detial.html'">
				<div class="rc_time">08:25</div>
				<div class="rc_yue">已阅</div>
				<div class="rc_title">
					中德生态园西海岸投资促进有限公司主任办公室
				</div>
				<div class="rc_address">
					<i class="icon icon-68"></i>中德生态园管委316办公室管委316办公室管委316公室
				</div>
				<div class="rc_address">
					<i class="icon icon-31"></i>不公开 
				</div>
			</li>
			<li>
				<div class="rc_time">09:25</div>
				<div class="rc_xiugai">修改</div>
				<div class="rc_title">
					中德生态园西海岸投资促进有限公司主任办公室
				</div>
				<div class="rc_address">
					<i class="icon icon-68"></i>中德生态园管委316办公室管委316办公室管委316
公室

				</div>
			</li>
			<li>
				<div class="rc_time">09:25</div>
				<div class="rc_yue">已阅</div>
				<div class="rc_title">
					中德生态园西海岸投资促进有限公司主任办公室
				</div>
				<div class="rc_address">
					<i class="icon icon-68"></i>中德生态园管委316办公室管委316办公室管委316
公室

				</div>
			</li>
			<li>
				<div class="rc_time">09:25</div>
				<div class="rc_yue">已阅</div>
				<div class="rc_title">
					中德生态园西海岸投资促进有限公司主任办公室
				</div>
				<div class="rc_address">
					<i class="icon icon-68"></i>中德生态园管委316办公室管委316办公室管委316
公室

				</div>
			</li>
			<li>
				<div class="rc_time">09:25</div>
				<div class="rc_yue">已阅</div>
				<div class="rc_title">
					中德生态园西海岸投资促进有限公司主任办公室
				</div>
				<div class="rc_address">
					<i class="icon icon-68"></i>中德生态园管委316办公室管委316办公室管委316
公室

				</div>
			</li>
			 
		</ul>
	</div>

</div>

<!-- 列表 -->
<div class="day today ">
	<div class="rc_date ">
		<span>今天 3月14日 周一</span>
		<div class="right">6 项安排 </div>
	</div>
	<div class="rclist">
		<ul>
			<li>
				<div class="rc_time">08:25</div>
				<div class="rc_yue">已阅</div>
				<div class="rc_title">
					中德生态园西海岸投资促进有限公司主任办公室
				</div>
				<div class="rc_address">
					<i class="icon icon-68"></i>中德生态园管委316办公室管委316办公室管委316
公室

				</div>
			</li>
			<li>
				<div class="rc_time">09:25</div>
				<div class="rc_yue">已阅</div>
				<div class="rc_title">
					中德生态园西海岸投资促进有限公司主任办公室
				</div>
				<div class="rc_address">
					<i class="icon icon-68"></i>中德生态园管委316办公室管委316办公室管委316
公室

				</div>
			</li>
			 
		</ul>
	</div>

</div>

<!-- 明天 -->
<div class="day">
	<div class="rc_date">
		<span>明天 3月15日 周二</span>
		<div class="right">6 项安排 </div>
	</div>
	<div class="rclist">
		<ul>
			<li>
				<div class="rc_time">09:25</div>
				<div class="rc_yue">已阅</div>
				<div class="rc_title">
					中德生态园西海岸投资促进有限公司主任办公室
				</div>
				<div class="rc_address">
					<i class="icon icon-68"></i>中德生态园管委316办公室管委316办公室管委316
公室

				</div>
			</li>
			<li>
				<div class="rc_time">09:25</div>
				<div class="rc_yue">已阅</div>
				<div class="rc_title">
					中德生态园西海岸投资促进有限公司主任办公室
				</div>
				<div class="rc_address">
					<i class="icon icon-68"></i>中德生态园管委316办公室管委316办公室管委316
公室

				</div>
			</li>
			 
		</ul>
	</div>



<a href="javascript:;" class="weui_btn weui_btn_primary" style="margin:  18px 0">加载下一天</a>

</div>




<div class="weui-loadmore weui-loadmore-line">
            <span class="weui-loadmore-tips">已经到底了</span>
        </div>


</div>

<!-- 我的日程 -->
<div class="main_my">
	<div class="rclist">
		<ul>
			<li>
				<div class="rc_cj">创建时间：2017-04-09 09:25</div>
				 
				<div class="rc_title">
					中德生态园西海岸投资促进有限公司主任办公室
				</div>
				<div class="rc_address">
					<i class="icon icon-68"></i>中德生态园管委316办公室管委316办公室管委316公室
				</div>
				<div class="rc_address">
					<i class="icon icon-51"></i>2017-04-09 12:00:20
				</div>


			</li>
			<li>
				<div class="rc_cj">创建时间：2017-04-09 09:25</div>
				 
				<div class="rc_title">
					中德生态园西海岸投资促进有限公司主任办公室
				</div>
				<div class="rc_address">
					<i class="icon icon-68"></i>中德生态园管委316办公室管委316办公室管委316
公室
				</div>
				<div class="rc_address">
					<i class="icon icon-51"></i>2017-04-09 12:00:20
				</div>
			</li>

			<li>
				<div class="rc_cj">创建时间：2017-04-09 09:25</div>
				 
				<div class="rc_title">
					中德生态园西海岸投资促进有限公司主任办公室
				</div>
				<div class="rc_address">
					<i class="icon icon-68"></i>中德生态园管委316办公室管委316办公室管委316
公室
				</div>
				<div class="rc_address">
					<i class="icon icon-51"></i>2017-04-09 12:00:20
				</div>
			</li>

			 
		</ul>
	</div>

</div>
<!-- 我的日程 -->




 
<!-- 搜索弹框 -->
    <div id="popup" class="weui-popup-container" style="z-index: 999;">
  <div class="weui-popup-modal">
 
    <div class="weui_btn_primary weui-header "  > 
  <div class="weui-header-left"> <a class="icon icon-109 f-white  close-popup" href="javascript:;"  id="p1"></a>  </div>
   <h1 class="weui-header-title">日程搜索</h1>
    <div class="weui-header-right"></div> 
    </div>

 
<div class="searchbar_wrap">
</div>
             
		<!-- 查询数据 -->
	 
<div class="day today ">
	<div class="page-hd">
		<span>查询结果:2条数据</span>
		 
	</div>
	<div class="rclist">
		<ul>
			<li>
				<div class="rc_time">08:25</div>
				<div class="rc_yue">已阅</div>
				<div class="rc_title">
					中德生态园西海岸投资促进有限公司主任办公室
				</div>
				<div class="rc_address">
					<i class="icon icon-68"></i>中德生态园管委316办公室管委316办公室管委316
公室

				</div>
			</li>
			<li>
				<div class="rc_time">09:25</div>
				<div class="rc_yue">已阅</div>
				<div class="rc_title">
					中德生态园西海岸投资促进有限公司主任办公室
				</div>
				<div class="rc_address">
					<i class="icon icon-68"></i>中德生态园管委316办公室管委316办公室管委316
公室

				</div>
			</li>

			 
		</ul>
	</div>

</div>
		<!--  -->


<!-- 没有数据 -->
 <div class="weui_msg hide" id='msg3'>
        <div class='weui_msg_box'><p><i class="icon icon-40 f20 f-green"></i>没有数据</p></div>
    </div>   
<!--  -->

  
  </div>
 </div> 
<!--  -->
 
<!-- 人员弹框 -->
    <div id="popup2" class="weui-popup-container"  style="z-index: 999;">
  <div class="weui-popup-modal"  style="overflow:hidden">
 <div class=""  style="position: fixed;top:0;width:100%;height:68px;">
    <div class="weui_btn_primary  weui-header "  > 
  <div class="weui-header-left"> <a class="icon icon-109 f-white  close-popup"  href="javascript:;"  id="p1"></a>  </div>
   <h1 class="weui-header-title" >选择查看人员</h1>
    <div class="weui-header-right"><a class="f-white close-popup"   href="javascript:;"    id="success">查看</a></div> 

  </div>
 

  


           
            <div class="weui_search_bar">
<input type="search" class="search-input" id='search' placeholder='查询' style="box-sizing:content-box"/><button  class="weui_btn weui_btn_mini weui_btn_primary" style="height:32px; line-height:32px;"><i class="icon icon-4"></i></button>    
</div>

  </div>
        <div class="weui_cells weui_cells_radio popheight" style="margin-top: 90px; overflow-y: scroll; ">
            <label class="weui_cell weui_check_label" for="x11">
                <div class="weui_cell_bd weui_cell_primary">
                    <p>苗苗</p>
                </div>
                <div class="weui_cell_ft">
                    <input class="weui_check" name="radio1" id="x11" type="radio">
                    <span class="weui_icon_checked"></span>
                </div>
            </label>
            <label class="weui_cell weui_check_label" for="x12">

                <div class="weui_cell_bd weui_cell_primary">
                    <p>阳阳</p>
                </div>
                <div class="weui_cell_ft">
                    <input name="radio1" class="weui_check" id="x12" checked="checked" type="radio">
                    <span class="weui_icon_checked"></span>
                </div>
            </label>
            <label class="weui_cell weui_check_label" for="x12">

                <div class="weui_cell_bd weui_cell_primary">
                    <p>阳阳</p>
                </div>
                <div class="weui_cell_ft">
                    <input name="radio1" class="weui_check" id="x12" checked="checked" type="radio">
                    <span class="weui_icon_checked"></span>
                </div>
            </label>
            <label class="weui_cell weui_check_label" for="x12">

                <div class="weui_cell_bd weui_cell_primary">
                    <p>阳阳</p>
                </div>
                <div class="weui_cell_ft">
                    <input name="radio1" class="weui_check" id="x12" checked="checked" type="radio">
                    <span class="weui_icon_checked"></span>
                </div>
            </label>
            <label class="weui_cell weui_check_label" for="x12">

                <div class="weui_cell_bd weui_cell_primary">
                    <p>阳阳</p>
                </div>
                <div class="weui_cell_ft">
                    <input name="radio1" class="weui_check" id="x12" checked="checked" type="radio">
                    <span class="weui_icon_checked"></span>
                </div>
            </label>
            <label class="weui_cell weui_check_label" for="x12">

                <div class="weui_cell_bd weui_cell_primary">
                    <p>阳阳</p>
                </div>
                <div class="weui_cell_ft">
                    <input name="radio1" class="weui_check" id="x12" checked="checked" type="radio">
                    <span class="weui_icon_checked"></span>
                </div>
            </label>
            <label class="weui_cell weui_check_label" for="x12">

                <div class="weui_cell_bd weui_cell_primary">
                    <p>阳阳</p>
                </div>
                <div class="weui_cell_ft">
                    <input name="radio1" class="weui_check" id="x12" checked="checked" type="radio">
                    <span class="weui_icon_checked"></span>
                </div>
            </label>
            <label class="weui_cell weui_check_label" for="x12">

                <div class="weui_cell_bd weui_cell_primary">
                    <p>阳阳</p>
                </div>
                <div class="weui_cell_ft">
                    <input name="radio1" class="weui_check" id="x12" checked="checked" type="radio">
                    <span class="weui_icon_checked"></span>
                </div>
            </label>
            <label class="weui_cell weui_check_label" for="x12">

                <div class="weui_cell_bd weui_cell_primary">
                    <p>阳阳</p>
                </div>
                <div class="weui_cell_ft">
                    <input name="radio1" class="weui_check" id="x12" checked="checked" type="radio">
                    <span class="weui_icon_checked"></span>
                </div>
            </label>
            <label class="weui_cell weui_check_label" for="x12">

                <div class="weui_cell_bd weui_cell_primary">
                    <p>阳阳</p>
                </div>
                <div class="weui_cell_ft">
                    <input name="radio1" class="weui_check" id="x12" checked="checked" type="radio">
                    <span class="weui_icon_checked"></span>
                </div>
            </label>
            <label class="weui_cell weui_check_label" for="x12">

                <div class="weui_cell_bd weui_cell_primary">
                    <p>阳阳</p>
                </div>
                <div class="weui_cell_ft">
                    <input name="radio1" class="weui_check" id="x12" checked="checked" type="radio">
                    <span class="weui_icon_checked"></span>
                </div>
            </label>
            <label class="weui_cell weui_check_label" for="x12">

                <div class="weui_cell_bd weui_cell_primary">
                    <p>阳阳</p>
                </div>
                <div class="weui_cell_ft">
                    <input name="radio1" class="weui_check" id="x12" checked="checked" type="radio">
                    <span class="weui_icon_checked"></span>
                </div>
            </label>
            <label class="weui_cell weui_check_label" for="x12">

                <div class="weui_cell_bd weui_cell_primary">
                    <p>阳阳</p>
                </div>
                <div class="weui_cell_ft">
                    <input name="radio1" class="weui_check" id="x12" checked="checked" type="radio">
                    <span class="weui_icon_checked"></span>
                </div>
            </label>
            <label class="weui_cell weui_check_label" for="x12">

                <div class="weui_cell_bd weui_cell_primary">
                    <p>阳阳</p>
                </div>
                <div class="weui_cell_ft">
                    <input name="radio1" class="weui_check" id="x12" checked="checked" type="radio">
                    <span class="weui_icon_checked"></span>
                </div>
            </label>
            <label class="weui_cell weui_check_label" for="x12">

                <div class="weui_cell_bd weui_cell_primary">
                    <p>阳阳</p>
                </div>
                <div class="weui_cell_ft">
                    <input name="radio1" class="weui_check" id="x12" checked="checked" type="radio">
                    <span class="weui_icon_checked"></span>
                </div>
            </label>
            <label class="weui_cell weui_check_label" for="x12">

                <div class="weui_cell_bd weui_cell_primary">
                    <p>阳阳</p>
                </div>
                <div class="weui_cell_ft">
                    <input name="radio1" class="weui_check" id="x12" checked="checked" type="radio">
                    <span class="weui_icon_checked"></span>
                </div>
            </label>
                 <label class="weui_cell weui_check_label" for="x13">

                <div class="weui_cell_bd weui_cell_primary">
                    <p>得得</p>
                </div>
                <div class="weui_cell_ft">
                    <input name="radio1" class="weui_check" id="x13" type="radio">
                    <span class="weui_icon_checked"></span>
                </div>
            </label>
        </div>


  
  </div>
 </div> 
<!--  -->

 <div class="calder">
 	
 	<div class="weui-btn"><a href="完成"></a></div>
 </div>

<!-- <script src="js/fastclick.js"></script> -->

<script>


$(function(){
	 $(".calder").hide();

//跳转到今天
var c=$(".today").offset().top - $(window).scrollTop(); 
 $("body,html").scrollTop(c-100)

	 
//提示3.6秒后自动隐藏
	setTimeout("$('.tips').hide()",3600);
// 单击提示执行隐藏
	  $(document).on("tap", ".tips", function() {
       $(".tips").hide();
      }); 
// 

//  $(document).on("tap", ".rili2", function(event) {
// $("#date").datetimePicker({title:"选择日期",m:1}); 
//       }); 

// $("#date").datetimePicker({title:"选择日期",m:1}); 
// 结束




// window.addEventListener(function(){ 
//     FastClick.attach( document.body );
// },false );


// 
 $(document).on("change", "#date", function(event) {
 
      }); 

// 
$("#act").tap(function(){
   	$(".rmk").find("ul").toggle();
});
 
// 


	


// 
  $('#tab5').tab({defaultIndex:0,activeClass:"bg_green"}); 
			  
// 搜索
 $('.searchbar_wrap').searchBar({
    cancelText:"取消",
    searchText:'查询',
    onfocus: function (value) {
       
    },
    onblur:function(value) {

    },
    oninput: function(value) {

    },
    onsubmit:function(value){
    	$('#msg3').fadeIn();
    },
    oncancel:function(){
    //	$("#popup").removeClass("weui-popup-container-visible");
    	$('#msg3').fadeOut();

    },

    onclear:function(){

    }

 
 });


// 搜索
 $('.searchbar_wrap2').searchBar({
    cancelText:"取消",
    searchText:'查询',
    onfocus: function (value) {
       
    },
    onblur:function(value) {

    },
    oninput: function(value) {

    },
    onsubmit:function(value){
    	$('#msg3').fadeIn();
    },
    oncancel:function(){
    //	$("#popup").removeClass("weui-popup-container-visible");
    	$('#msg3').fadeOut();

    },

    onclear:function(){

    }

 
 });




function menuhide(){
		$(".menu").hide();
}

  $(document).on("tap", ".rili", function() {
  	$(".menu").hide();
  	 $(".calder").show();
           $(".calder").calendar({

           	// value: ['2015-12-05'],

           	onChange:function(p, values, displayValues){ 
           		$("#date").val(displayValues);
           		 $(".calder").hide();
           		 // 执行代码
           		// window.location.href="index.html"
           		alert(displayValues)
           			} 
           });
                 }); 


// 日程选项卡

$(".mycreat").tap(function(){
	$(".main").hide();
	$(".main_my").show();

});

$(".mylist").tap(function(){
	$(".main_my").hide();
	$(".main").show();
});


	}); 
</script>
 
  <script>
var pop= parseInt($(window).height())-90;
 
$(".popheight").css("height",pop);
 </script>


	</body>
	</html>